<template>
    <div>
        <PageHeadLow headTitle="个人资料"/>
        <div class="title">完善个人资料可获得10个成长值哦~</div>
        <div class="wrap">
            <div class="one">
                <div><span class="left">头像</span><span class="right"><img src="../assets/img/tx.png"></span></div>
                <div><span class="left">昵称</span><span class="right">Another</span></div>
            </div>
            <div class="two">
                <div><span class="left">性别</span><span class="right">女</span></div>
                <div><span class="left">生日</span><span class="right">生日惊喜年年有</span></div>
                <div><span class="left">肤质</span><span class="right">贴心内容推荐多</span></div>
                <div><span class="left">兴趣</span><span class="right">选择你的兴趣</span></div>
            </div>
            <div class="three">
                <div><span class="left">loveliness暗号</span><span class="right">5552loveliness</span></div>
                <div><span class="left">注册时间</span><span class="right">2017-2-20</span></div>
            </div>
        </div>
    </div>
</template>
<script>
import PageHeadLow from "../components/pageHeadLow"

export default {
    name:"Follow",
    data(){
        return{

        }
    },
    components:{
      PageHeadLow       
    }
}
</script>
<style scoped lang="less">
.title{
    display: flex;
    width: 100%;
    height: 50px;
    background-color: white;
    text-align: center;
    color:gray;
    justify-content:center;
    align-items:Center;
    font-size: 16px
}
.wrap{
    width: 100%;
    height: 100%;
    background-color: white;
    position: fixed;
    font-size: 16px;
    .one,.two,.three{
        margin-top: 10px;
        background-color: white;
        float: left;
        display: block;
        width:100%;
        border-top:1px solid #E5E5E5;
        border-bottom:1px solid #E5E5E5;
        box-shadow: 0 0 10px 1px #E5E5E5;
        div {
            // float: left;
            // width: 100%;
            border-top: 1px solid #E5E5E5;
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
            .left{
                float: left;
            }
            .right{
                float:right;
            }
            img {
                width: 30px;
                height: 30px;
                }
        }
    }
}
</style>
